<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>Sydney个人主页</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/sydney.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div id="index">
<header id="header-top">
<div class="top clearfix">
         <div class="logo fl"><a href="#">Sydney</a></div>
         <!--nav-->
         <nav id="mainNav" class="fl">
              <ul>
                <li class="li1"><a href="#" class="cur">个人主页</a></li>
                <li class="li2"><a href="#" class="cur">PHP专区</a></li>
                <li class="li3"><a href="#" class="cur">HTML5专题</a></li>
                <li class="li4"><a href="#" class="last cur">精品博文</a></li>
              </ul>
         </nav>
         <!--nav end-->
         <div class="search fr"><input type="text" class="inputText" value="请输入搜索关键字"><input type="button" class="inputBtn" value=""></div>
         <span class="leaf1"></span><span class="leaf2"></span>
    </div>
    <div class="banner"><a href="#"><img src="image/demo_banner.jpg"></a></div>
</header>
<section id="main" class="clearfix">
<!--section-->
    <section id="content" class="w720 fl height933">
        <article id="articleList">
             <header id="artcleListTitle">
                 <h1>资讯教程</h1>
                 <span class="greenLine"></span>
             </header>
             <!--articleList-mol-->
             <section id="articleList-mol">
               <article>
                  <header><h2><a href="#">ThinkPHP3.1快速入门（16）安全</a></h2></header>
                  <p>在开发过程中，除了确保业务逻辑没有安全隐患外，应该充分了解和利用框架内建的安全机制或者工具来确保应用以及服务器的
安全性，下面我们总结下ThinkPHP中...</p>
                  <footer class="clearfix"><p class="articleListDate">2012-11-26</p><p class="comment"><a href="#" class="zan">(1)</a><a href="#" class="pinglun">(2)</a></p></footer>
               </article>
             </section>
             <!--articleList-mol end-->
             <!--articleList-mol-->
             <section id="articleList-mol">
               <article>
                  <header><h2><a href="#">ThinkPHP3.1快速入门（16）安全</a></h2></header>
                  <p>在开发过程中，除了确保业务逻辑没有安全隐患外，应该充分了解和利用框架内建的安全机制或者工具来确保应用以及服务器的
安全性，下面我们总结下ThinkPHP中...</p>
                  <footer class="clearfix"><p class="articleListDate">2012-11-26</p><p class="comment"><a href="#" class="zan">(1)</a><a href="#" class="pinglun">(2)</a></p></footer>
               </article>
             </section>
             <!--articleList-mol end-->
             <!--articleList-mol-->
             <section id="articleList-mol">
               <article>
                  <header><h2><a href="#">ThinkPHP3.1快速入门（16）安全</a></h2></header>
                  <p>在开发过程中，除了确保业务逻辑没有安全隐患外，应该充分了解和利用框架内建的安全机制或者工具来确保应用以及服务器的
安全性，下面我们总结下ThinkPHP中...</p>
                  <footer class="clearfix"><p class="articleListDate">2012-11-26</p><p class="comment"><a href="#" class="zan">(1)</a><a href="#" class="pinglun">(2)</a></p></footer>
               </article>
             </section>
             <!--articleList-mol end-->
             <!--articleList-mol-->
             <section id="articleList-mol">
               <article>
                  <header><h2><a href="#">ThinkPHP3.1快速入门（16）安全</a></h2></header>
                  <p>在开发过程中，除了确保业务逻辑没有安全隐患外，应该充分了解和利用框架内建的安全机制或者工具来确保应用以及服务器的
安全性，下面我们总结下ThinkPHP中...</p>
                  <footer class="clearfix"><p class="articleListDate">2012-11-26</p><p class="comment"><a href="#" class="zan">(1)</a><a href="#" class="pinglun">(2)</a></p></footer>
               </article>
             </section>
             <!--articleList-mol end-->
             <!--articleList-mol-->
             <section id="articleList-mol">
               <article>
                  <header><h2><a href="#">ThinkPHP3.1快速入门（16）安全</a></h2></header>
                  <p>在开发过程中，除了确保业务逻辑没有安全隐患外，应该充分了解和利用框架内建的安全机制或者工具来确保应用以及服务器的
安全性，下面我们总结下ThinkPHP中...</p>
                  <footer class="clearfix"><p class="articleListDate">2012-11-26</p><p class="comment"><a href="#" class="zan">(1)</a><a href="#" class="pinglun">(2)</a></p></footer>
               </article>
             </section>
             <!--articleList-mol end-->
             <!--articleList-mol-->
             <section id="articleList-mol">
               <article>
                  <header><h2><a href="#">ThinkPHP3.1快速入门（16）安全</a></h2></header>
                  <p>在开发过程中，除了确保业务逻辑没有安全隐患外，应该充分了解和利用框架内建的安全机制或者工具来确保应用以及服务器的
安全性，下面我们总结下ThinkPHP中...</p>
                  <footer class="clearfix"><p class="articleListDate">2012-11-26</p><p class="comment"><a href="#" class="zan">(1)</a><a href="#" class="pinglun">(2)</a></p></footer>
               </article>
             </section>
             <!--articleList-mol end-->
             <!--page-->
             <footer id="page" class="clearfix">
                <span><a href="#" class="pre">上一页</a></span>
                <span><a href="#" class="pageCur pageNum">1</a></span>
                <span><a href="#" class="pageNum">2</a></span>
                <span><a href="#" class="pageNum">3</a></span>
                <span>...</span>
                <span><a href="#" class="pageNum">10</a></span>
                <span><a href="#" class="next">下一页</a></span>
                <span>到第</span>
                <span><input type="text" class="pageInputText"/></span>
                <span>页</span>
                <span><input type="button" class="pageInputBtn" value="确定"/></span>
             </footer>
             <!--page end-->
      </article>
    </section> 
<!--section end-->
<!--aside-->
    <aside id="aside" class="fr">
    <!--personInfo-->
        <section id="personInfo">
            <dl class="clearfix">
              <dt><a href="#"><img src="image/demo_photo.png"></a></dt>
              <dd>
                <h2><a href="#">海洋传说</a></h2>
                <p>性别：女 年龄：24</p>
                <p>现居：成都</p>
              </dd>
            </dl>
            <div class="moodPhrase">
                 <a href="#">微风带走的，是不堪回首的昨天，<br>岁月带不走的，却是长久的依恋。</a>
            </div>
            <div class="microblog clearfix"><a href="#" class="sina"></a><a href="#" class="tx"></a></div>
            <div class="kik"><img src="image/demo_xy.gif"><h2>微信平台 Sydney</h2></div>
        </section>
    <!--person end-->
    <!--subNav-->
        <nav id="subNav">
             <header><h2>博文类别</h2></header>
             <ul>
               <li><a href="#">全部博文</a></li>
               <li><a href="#">CSS3.0</a></li>
               <li><a href="#">HTML</a></li>
               <li><a href="#">WEB优化</a></li>
               <li><a href="#">项目经验总结</a></li>
             </ul> 
        </nav>
    <!--subNav end-->
    <!--new-->
        <section id="new">
            <header><h2>最新文章<a href="#">More+</a></h2></header> 
            <ul>
              <li><a href="#">ThinkPHP3.1快速入门（16）安全</a></li> 
              <li><a href="#">ThinkPHP3.1快速入门（15）模...</a></li>
              <li><a href="#">模块和操作映射</a></li>  
              <li><a href="#">模板继承</a></li>  
              <li><a href="#">揭秘ThinkPHP3.1.2版本的独立...</a></li>
              <li><a href="#">ThinkPHP3.1快速入门（14）命...</a></li>
              <li><a href="#">什么是RSS？ </a></li>
              <li><a href="#">getField用法总结 </a></li>
              <li><a href="#">ThinkPHP3.1快速入门（16）安全</a></li> 
              <li><a href="#">ThinkPHP3.1快速入门（15）模...</a></li>
            </ul>
        </section>
    <!--new end-->
    </aside>
<!--aside end-->
</section>
<div class="clr"></div>
<!--footer-->
<footer id="mainFooter">
   <nav id="friendLink"><a href="#" class="first">网页设计师联盟</a>|<a href="#">红动中国</a>|<a href="#">红动中国</a>|<a href="#">昵图网</a>|<a href="#">站长之家</a></nav>
   <address id="copy">Copyright © 2012 Sydney. All Rights Reserved</address>
</footer>
<!--footer end-->
</div>
</body>
</html>
